<template>
  <div id="app">
    <headers v-if="$route.name!=='login'&&$route.name!=='index'&& $route.name!=='msg'"></headers>
    <user v-if="$route.name!=='index'"> </user>
    <router-view :style="$route.name!=='index'&& $route.name!=='msg'?'padding-top:' +50+'px ':''"/>
    <!-- <footers></footers> -->
  </div>
</template>

<script>
import user from './socket/user.vue'
import headers from './components/nav.vue';
import footers from './components/footers.vue';
export default {
  components: { 
    headers ,
    footers,
    user
  },
  // data(){
  //   return{
  //     name:''
  //   }
  // },
  // created(){
  //  this.name= this.$route.name
  //  console.log(this.name)
  // }
}
</script>

<style>
body{
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
body::-webkit-scrollbar {   display: none;  }  
</style>
